<template>
  <div class="con">

    <img src="../assets/images/banner/header.png" alt="">

    <img src="../assets/images/banner/1.png" alt="" style="margin-top:-30%">
    <img src="../assets/images/banner/hr.png" alt="" style="margin:40px 0px">

    <img src="../assets/images/banner/2.png" alt="">
    <img src="../assets/images/banner/3.png" alt="" style="margin-top:48px">
    <div style="height:100px"></div>

  </div>
</template>

<script>
export default {
    name: "banner",
    data() {
        return {};
    },
    methods: {},
    mounted() {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.con {
    width: 100%;
    min-height: 100vh;
    background: #fdf579;
}
img {
    width: 100%;
}
</style>
